2021-09-05 持續進化的 React 學習心得


Posted by 半夏 on 2021-09-05

React & Redux

【今日目標】

△ 練習:|拜託自己請給我今天完成|用 React 實作出一個 todo list

複習:|這個剛剛已經完成惹好棒哦| [ALG101] 挑一題練習寫出來

✘ 課程:|晚上你就給我看這個!|[FE301] class component 能看到哪就看到哪(邊做筆記)

【早起跟其他活動】

運動:瑜珈
今天做了一個動作是躺在地上把下半身撐起來垂直地面,然後把腳放在頭上,影片裡Juliana 的身體可以這麼軟真的很神奇,我也好喜歡她手臂的肌肉線條,希望有一天我也可以(?)

唸書:思維進化
真的覺得這本書對現在的自己很有幫助,有打開自己另一種思考方式的感覺。
昨天看到某個段落是在講拖延症,標題就寫著一句「你沒有未來」,心裡其實是滿反感的,但是看完解釋好像他講的也滿有道理,拖延症就是一種有「明天」、「後天」、「下禮拜」都可以做,最後什麼都沒完成的症狀。
比較常聽到的說法應該是「專注當下」你可以做什麼,你想做什麼現在就開始做吧!

我真的滿喜歡打心得文的哈哈,越打越有勁然後重要的作業(;¬д¬)
謝謝來密我的同學,你們就是提升我打心得這個興趣的一種小確幸XD

【昨日學習心得】✔︎ △ ✘

✘ 提取:A4 白紙寫下昨天學了什麼

✔︎ 複習:|30min| [ALG101] 挑一題練習寫出來

覺得一直不想開始是因為沒有把環境弄好,就是那個在本地端 cat input.txt | node code.js 再打心得文的當下就給他放在一個資料夾裡設定好惹,刻不容緩~!!

△ 練習:|2hour|用 React 實作出一個 todo list

大概練習了 2 個小時,但是都是在研究套件。
本來就只是想把版面弄得好看一點,想說來套個 Bootstrap 好了,可以在 styled-component 內當元件引用,但是發現只是覆寫而已,就覺得有更好的做法,上網查發現有人把 Bootstrap 的設定更簡單化改造成 bootstrap-styled,但是已經一二年沒更新想說還是依據 Bootstrap 官網的方式走好了,設定好了之後又覺得 Bootstrap 編譯出的 css 很肥大只能整包引入進來,然後自訂的 custom.scss 檔內的設定也只是編譯出來覆寫了內建的 scss 而已,就覺得應該有更好的做法吧

後來就想說不然來研究一下 material-ui ,簡直是 Bootstrap 超強進化版,也好像有類似 styled-component 的寫法可以使用,而且只要安裝他的套件,不像 Bootstrap 還要另外裝 scss 跟設定一堆東西。
但是這個作業打算先停損在 Bootstrap ,先求把作業做完就好不然會永遠寫不完QQ

一開始只是想要把按鈕改得好看一點,只是想改個顏色,其實自己寫也滿快的但是就要一種求好心切(是這樣用嗎?)的心態然後去查了一堆文件,但是也是學到要怎麼樣找資料的感覺。

希望以後找 React 的相關資料也可以這麼順風順水哈哈

✘ 課程:|3hour|[FE301] class component 能看到哪就看到哪(邊做筆記)










Related Posts

筆記、15 週瀏覽器導讀

筆記、15 週瀏覽器導讀

How to build CICD with Jenkins as code based on container

How to build CICD with Jenkins as code based on container

W13_直播檢討

W13_直播檢討


Comments